<extend name="Public/base" />
<block name="title"><title>商城首页</title></block>
 

<block name="theme"><div id="slider_body">
    <ul id="slider">
        <li>
            <div class="slid_content">
                <h2 style="color:#6f566f;">订婚戒指</h2>
                <p style="color:#6f566f;">最难的部分结束了————你已经找到了爱.<br>
                你的生活，现在是寻找完美钻石的时候了.<br>
                订婚戒指并计划一个漂亮的求婚</p>
                <a class="buy_now" href="#">现在购买</a>
            </div><!-- .slid_content -->
            <img src="/Public/Home/img/content/slid-1.png" alt="Slid 1" title="">
        </li>

        <li>
            <div class="slid_content">
                <h2 style="color:#744747;">贵金属</h2>
                <p style="color:#744747;">没有什么礼物像钻石珠宝一样，对吗?<br>
                你在找钻石戒指，手镯，<br>
                耳环或项链，我们给你小秘诀.</p>
                <a class="buy_now" href="#">现在购买</a>
            </div><!-- .slid_content -->
            <img src="/Public/Home/img/content/slid-2.png" alt="Slid 2" title="">
        </li>

        <li>
            <div class="slid_content">
                <h2 style="color:#6d5956;">手工制品</h2>
                <p style="color:#6d5956;">祝贺你订婚. 当你<br>
                开始计划你婚礼的许多细节<br>
                的那天, 别忘了订婚戒指!</p>
                <a class="buy_now" href="#">现在购买</a>
            </div><!-- .slid_content -->
            <img src="/Public/Home/img/content/slid-3.png" alt="Slid 3" title="">
        </li>
    </ul>
</div><!-- #slider_body -->

<div id="home_banners">
    <div class="container_12">
        <div class="grid_6">
            <a href="#" class="banner banner1"><strong>订单满 $500</strong>免运费</a>
        </div><!-- .grid_6 -->

        <div class="grid_6">
            <a href="#" class="banner banner2"><strong>疯狂折扣</strong>新收藏!</a>
        </div><!-- .grid_6 -->
    </div>
</div><!-- #home_banners -->

<section id="main" class="home">
    <div class="container_12">
        <div id="content">
            <div class="grid_12">
                <h2 class="product-title">特色产品</h2>
            </div><!-- .grid_12 -->

            <div class="clear"></div>

            <div class="products">
            <img class="sale" src="/Public/Home/img/top.png" alt="Sale">
            <foreach name="_list" item="v">
                <article class="grid_3 article">
                    <input class="ids" type="hidden" name="id[]" value="{$v.id}" />
                    
                    <div class="prev">
                        <a href="{:U('product/index?id='.$v['id'])}"><img src="{$v.img}" alt="Product 1" title=""></a>
                    </div><!-- .prev -->

                    <h3 class="title">{$v.des}<br>{$v.title}</h3>
                    <div class="cart">
                        <div class="price">
                            <div class="vert">
                                {$v.price}
                                
                            </div>
                        </div>
                        <a href="#" class="obn"></a>
                        <a href="#" class="like"></a>
                        <a href="#" class="bay"><img src="/Public/Home/img/bg_cart.png" alt="Buy" title=""></a>
                    </div><!-- .cart -->

                </article><!-- .grid_3.article -->
            </foreach>
                <div class="clear"></div>
            </div><!-- .products -->
            <div class="clear"></div>
        </div><!-- #content -->

        <div class="clear"></div>

        <div id="brands">
            <div class="c_header">
                <div class="grid_10">
                    <h2>Shop by brands</h2>
                </div><!-- .grid_10 -->

                <div class="grid_2">
                    <a id="next_c1" class="next arows" href="#"><span>Next</span></a>
                    <a id="prev_c1" class="prev arows" href="#"><span>Prev</span></a>
                </div><!-- .grid_2 -->
            </div><!-- .c_header -->

            <div class="brands_list">
                <ul id="listing">
                    <li>
                        <div class="grid_2">
                            <a href="#"><div><img src="/Public/Home/img/content/brand1.png" alt="Brand 1" title=""></div></a>
                        </div><!-- .grid_2 -->
                    </li>
                   <li>
                        <div class="grid_2">
                            <a href="#"><div><img src="/Public/Home/img/content/brand2.png" alt="Brand 2" title=""></div></a>
                        </div><!-- .grid_2 -->
                    </li>
                   <li>
                        <div class="grid_2">
                            <a href="#"><div><img src="/Public/Home/img/content/brand3.png" alt="Brand 3" title=""></div></a>
                        </div><!-- .grid_2 -->
                    </li>
                   <li>
                        <div class="grid_2">
                            <a href="#"><div><img src="/Public/Home/img/content/brand4.png" alt="Brand 4" title=""></div></a>
                        </div><!-- .grid_2 -->
                    </li>
                   <li>
                        <div class="grid_2">
                            <a href="#"><div><img src="/Public/Home/img/content/brand5.png" alt="Brand 5" title=""></div></a>
                        </div><!-- .grid_2 -->
                    </li>
                   <li>
                        <div class="grid_2">
                            <a href="#"><div><img src="/Public/Home/img/content/brand6.png" alt="Brand 6" title=""></div></a>
                        </div><!-- .grid_2 -->
                    </li>
                   <li>
                        <div class="grid_2">
                            <a href="#"><div><img src="/Public/Home/img/content/brand7.png" alt="Brand 7" title=""></div></a>
                        </div><!-- .grid_2 -->
                    </li>
                </ul><!-- #listing -->
            </div><!-- .brands_list -->
        </div><!-- #brands -->

        <div id="content_bottom">
            <div class="grid_6">
                <div class="bottom_block about_as">
                    <h3>About Us</h3>
                    <p>Lorem ipsum, libero et luctus molestie, turpis mi sagittis nisl, a scelerisque leo nulla et lectus pendisse dictum posuere elit, in congue nisl varius lentesque a tellus eget quam varius aliquet.</p>
                    <p>Pellentesque tristique, libero et luctus molestie, turpis a scelerisque leo nulla et lectus pendisse dictum posuere elit. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                    <p>In congue nisl varius quis lentesque a tellus eget quam varius aliquet. Vel lobortis gravida.  Many desktop publishing packages and web page .</p>
                </div><!-- .about_as -->
            </div><!-- .grid_6 -->

            <div class="grid_6">
                <div class="bottom_block news">
                    <h3>News</h3>
                    <ul>
                        <li>
                            <time datetime="2012-03-03">3 january 2012</time>
                            <a href="#">Fermentum parturient lacus tristique habitant nullam morbi et odio nibh mus dictum tellus erat.</a>
                        </li>

                        <li>
                            <time datetime="2012-02-03">2 january 2012</time>
                            <a href="#">Cras ac hendrerit dui. Duis lacus ligula, luctus ac tristique eget, posuere id erat. Many desktop publishing packages and web page editors now use.</a>
                        </li>

                        <li>
                            <time datetime="2012-01-03">1 january 2012</time>
                            <a href="#">Lorem ipsum, libero et luctus molestie, turpis mi sagittis nisl, a scelerisque leo nulla et lectus.</a>
                        </li>
                    </ul>
                </div><!-- .news -->
            </div><!-- .grid_6 -->
            <div class="clear"></div>
        </div><!-- #content_bottom -->
    </div><!-- .container_12 -->
</section><!-- #main.home --></block>





